<!--处方记录-->
<template>
	<view class="content">
		<view class="content_box">
			<view class="title">
					<view class="left"><b>{{userData.name}}</b>的充值记录</view>
					<view class="edit_icon left" @click="selectPerson"></view>
					<view class="right" @click="selectTime"><span>{{timeData.title}}</span><view class="select_icon right"></view></view>
			</view>
			<view class="content_box_list">
				<ul>
					<li @click="detail()">
						<view class="left">
							<b>核酸检测治疗</b>
							<p>R2011154578945224564645</p>
							<p>2021-01-01 09:00:00</p> 
						</view>
						<view class="right"><span >-3000000元</span></view>
					</li>
				</ul>
			</view>
		</view>
		<personList styles="display:none;" ref="personList" v-on:checkedPerson= "getDatas"></personList>
		<dateTimeSelect styles="display:none;" ref="dateTimeSelect" v-on:checked= "getTime"></dateTimeSelect>
	</view>
</template>

<script>
	import personList from "../../modules/personList.vue";
	import dateTimeSelect from "../../modules/dateTimeSelect.vue";
	export default {
		data() {
			return {
				subjectList:[],
				userData:{"name":"默认用户"},
				timeData:{"title":"查询时间"}
			}
		},
		components:{
			personList,dateTimeSelect
		},
		onLoad() {
			
		},
		methods: {
			init(){
				
			},
			selectPerson(){
				this.$refs.personList.selectPerson();
			},
			getDatas(item){
				console.log(item);
				this.userData=item;
			},
			selectTime(){
				this.$refs.dateTimeSelect.select();
			},
			getTime(item){
				this.timeData=item;
			},
			detail(){
				uni.navigateTo({
					url:"payRecordDetail"
				})
			}
		}
	}
</script>

<style>
.content_box .title{
	width: 92%;
	background-color: #FFFFFF;
	padding: 10px;
	margin: 0 auto;
	border-radius: 6px;
	margin-top: 2px;
	display: flow-root;
}
.content_box .title .edit_icon{
	width: 22px;
	height: 22px;
	background-image: url(../../static/198@2x.png);
	background-size: 100% 100%;
}
.content_box .title .select_icon{
	width: 10.37px;
	height: 5.49px;
	background-image: url(../../static/177@2x.png);
	background-size: 100% 100%;
	margin-top: 10px;
}
.content_box .title .right span{
	margin-right: 15px;
}
.content_box .content_box_list{
	width: 100%;
	margin: 0 auto;
	border-radius: 6px;
	margin-top: 10px;
}
.content_box .content_box_list ul{
	width: 100%;
}
.content_box .content_box_list ul li{
	width: 92%;
	padding: 10px;
	background-color: #FFFFFF;
	font-size:14px;
	border-radius: 6px;
	margin: 0 auto;
	line-height: 30px;
	display: flex;
	align-items: center;
	
}
.content_box .content_box_list ul li .left{
	width: 65%;
}
.content_box .content_box_list ul li span{
	font-size:20px;
	font-weight:540;
	color: #1DBE00;
	text-align: right;
}
.content_box .content_box_list ul li b{
	width: 100%;
	display:inline-block;
	line-height: 20px!important;
	word-break: break-all;
	font-size: 1rem;
}
.content_box .content_box_list ul li p{
	width: 100%;
	color: #666666;
}
.content_box .content_box_list ul li .right{
	width: 35%;
	text-align: center;
}
</style>
